<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
			<span class="layui-breadcrumb">
  				<a href="">用户管理</a>
  				<a><cite>用户列表</cite></a>
			</span>

            <blockquote class="layui-elem-quote" style="margin-top: 15px">
                <form class="layui-form layui-form-pane" action="" id="searchForm">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">用户名</label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" id="usernameSearch" placeholder="请输入用户名"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">电话</label>
                            <div class="layui-input-inline">
                                <input type="text" name="tel" id="telSearch" placeholder="请输入电话" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">真实姓名</label>
                            <div class="layui-input-inline">
                                <input type="text" name="realname" id="realnameSearch" placeholder="请输入真实姓名"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">出生日期</label>
                            <div class="layui-input-inline">
                                <input type="text" name="birthdate" id="birthdateSearch" placeholder="请输入出生日期"
                                       autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">状态</label>
                            <div class="layui-input-inline">
                                <select name="status" id="statusSearch">
                                    <option value=""></option>
                                    <option value="0">启用</option>
                                    <option value="1">禁用</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <button class="layui-btn" lay-submit lay-filter="search"><i class="layui-icon">&#xe615;</i>查询
                            </button>
                        </div>
                    </div>
                </form>
            </blockquote>

            <blockquote class="layui-elem-quote">
                <div class="layui-btn-group">
                    <button class="layui-btn layui-btn-small" id="add"><i class="layui-icon">&#xe654;</i>增加</button>
                    <button class="layui-btn layui-btn-small layui-btn-danger" id="delUser"><i class="layui-icon">&#xe640;</i>删除
                    </button>
                    <button class="layui-btn layui-btn-small layui-btn-normal" id="refresh"><i class="layui-icon">&#x1002;</i>刷新
                    </button>
                </div>
            </blockquote>

            <table class="layui-table" lay-filter="userTable"
                   lay-data="{height:530,page:true,id:'user',url:'/user/data'}">
                <thead>
                <tr>
                    <th lay-data="{type:'checkbox'}"></th><!-- LAY_CHECKED:true 设置所有的复选框默认选中 -->
                    <th lay-data="{type:'numbers'}">序号</th>
                    <th lay-data="{field:'username', width:160,sort:true}">用户名</th>
                    <th lay-data="{field:'password', width:160}">密码</th>
                    <th lay-data="{field:'rolenames', width:250}">角色</th>
                    <th lay-data="{field:'realname', width:160}">真实姓名</th>
                    <th lay-data="{field:'tel', width:160,align:'center'}">电话</th>
                    <th lay-data="{field:'addr', width:250}">住址</th>
                    <th lay-data="{field:'birthdate', width:160,templet: '#birthdateTpl',align:'center'}">出生日期</th>
                    <th lay-data="{field:'status', width:80,templet: '#statusTpl'}">状态</th>
                    <th lay-data="{field:'createTime', width:200,templet: '#createTimeTpl',align:'center'}">创建时间</th>
                    <th lay-data="{field:'updateTime', width:200,templet: '#updateTimeTpl',align:'center'}">更新时间</th>
                    <th lay-data="{title:'操作',fixed: 'right', width:180, align:'center', toolbar: '#bar'}"></th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
</body>
</html>